ControlBar Properties

Description

This section contains the 'ControlBar properties' property which opens the ControlBar Builder. This builder allows you to define a ControlBar. The other properties in this section manipulate a defined ControlBar control in relation to the other controls on a UX.

Name
Description
ControlBar Id

The Id used to identify the ControlBar control.

ControlBar properties

Opens the ControlBar Builder. This is where the data, functionality, layout, and look and feel of the ControlBar is defined.

Fill container

Here

Width

Specify the control width. Use CSS syntax for the width (e.g. 100px, 100%, etc.)

Height

Specify the control height. Use CSS syntax (but not %) for the width (e.g. 100px, etc.). TIP: It is generally not necessary to set the height of a ControlBar as it is computed automatically.

Break

Force a column break before, after, or both before and after this control.

Break height

Specify the vertical distance between this control and the next control. Use CSS syntax e.g. 10px, .5in, 20pt.

Control container class name

Advanced and Optional. All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container'), unless the control is in a 'NoFloat' container. You can specify a class name to use for the control container in addition to the 'A5CWLayout' or 'A5container' class that is automatically used. This allows you to have more control over the appearance of the control.

Control container prevent float

Advanced and Optional. All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container'), unless the control is in a 'NoFloat' container. This container automatically 'floats' the control. This results in the controls laying out automatically from left to right, until a control with 'break after' is encountered. The class adds padding around the control. By checking the 'Control container prevent float' property you are specifying that the div container that encloses this control will not have the 'A5CWLayout' or 'A5container' class applied.

See the ControlBar guides section on the documentation for more information on implementing ControlBar controls in a UX component.